<template>
	<view  class="tc fs28 ptb40">
		<view class="tc">
			<image class="w280" :src="imgMode" mode="widthFix"></image>
		</view>
		<view class="text-muted fs26 mt20">
			{{text}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				img: ''
			};
		},
		props: {
			text: {
				type: String,
				default: '暂无数据'
			},
			mode: {
				type: String,
				default: 'data'
			}
		},
		computed:{
			imgMode(){
				let img = ''
				switch(this.mode) {
					case 'data':
					img = ''
					break
					case 'cart':
					img = ''
					break
					case 'address':
					img = ''
					break
					case 'coupon':
					img = ''
					break
					case 'favor':
					img = ''
					break
					case 'news':
					img = ''
					break
					case 'message':
					img = ''
					break
				}
				return img
			}
		}
	}
</script>

<style>

</style>
